<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/join.css">
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/jquery-1.12.3.min.js"></script>

    <title>Document</title>
</head>


<body>
    <!-- 顶部导航布局开始 -->
    <div>
        <div class="nav_login">
            <div class="juzhong">
                <p>Ting域主持人欢迎您！ 客服：18812345678</p>
                <p class="p_login"> <a href="#"> 登录 | 注册</a></p>
            </div>
        </div>
        <div class="nav_logo">
            <div class="juzhong">
                <img src="./img/主持人_关于我们_03.jpg" alt="">
            </div>
        </div>
        <div class="nav_img">
            <img src="./img/img.jpg" alt="">
        </div>
        <div class="nav_label">
            <div class="juzhong">
                <ui>
                    <li> <a href="#">首页</a> </li>
                    <li> <a href="#">主持人</a> </li>
                    <li> <a href="#">加入我们</a> </li>
                    <li> <a href="#">关于我们</a> </li>
                </ui>
            </div>
        </div>
    </div>
    <!-- 顶部导航布局结束 -->

    <!-- 正文介绍布局开始 -->
    <div class="jion_us">
        <div class="juzhong">
            <div class="join_content_top">
                <p class="jion_title">PHP工程师</p>
                <p class="join_title2">职责描述：</p>
                <div class="join_content">
                    <p>1、负责网站项目的代码编写、修改、调试及结对测试工作</p>
                    <p>2、负责编写开发文档。</p>
                </div>
                <p class="join_title2">职位要求：</p>
                <div class="join_content">
                    <p>1、具有3年以上PHP开发经验，有中大型网站项目开发经验优先；</p>
                    <p>2、熟悉PHP、MYSQL，包括数据库设计、查询和程序优化，有memcache编程和实施经验优先；</p>
                    <p>3、熟悉JS、JQuery及其各种第3方插件、正则表达式，熟悉DIV+CSS优先；</p>
                    <p>4、熟悉smarty模板；</p>
                    <p>5、具有PHP缓存技术、静态化设计方面经验的优先；</p>
                    <p>6、熟悉PS切图和用DIV+CSS制作网页，有兼容IE6~8、FF、360和sogou浏览器的优先，熟悉HTML5标准的优先；</p>
                    <p>7、工作态度好，想做一番事业的，优先。</p>
                </div>
            </div>
            <hr>
            <div class="join_content_top">
                <p class="jion_title">PHP工程师</p>
                <p class="join_title2">职责描述：</p>
                <div class="join_content">
                    <p>1、负责网站项目的代码编写、修改、调试及结对测试工作</p>
                    <p>2、负责编写开发文档。</p>
                </div>
                <p class="join_title2">职位要求：</p>
                <div class="join_content">
                    <p>1、具有3年以上PHP开发经验，有中大型网站项目开发经验优先；</p>
                    <p>2、熟悉PHP、MYSQL，包括数据库设计、查询和程序优化，有memcache编程和实施经验优先；</p>
                    <p>3、熟悉JS、JQuery及其各种第3方插件、正则表达式，熟悉DIV+CSS优先；</p>
                    <p>4、熟悉smarty模板；</p>
                    <p>5、具有PHP缓存技术、静态化设计方面经验的优先；</p>
                    <p>6、熟悉PS切图和用DIV+CSS制作网页，有兼容IE6~8、FF、360和sogou浏览器的优先，熟悉HTML5标准的优先；</p>
                    <p>7、工作态度好，想做一番事业的，优先。</p>
                </div>
            </div>
        </div>

    </div>
    <!-- 正文介绍布局结束 -->

    <!-- 页脚布局开始 -->
    <div class="foot_top">
        <div class="juzhong">
            <p class="foot_title">立即申请加入团队</p>
            <br>
            <p>请扫描下方二维码，备注：姓名+申请加入团队</p>
            <img src="./img/图层 40 拷贝.png" alt="">
        </div>
    </div>
    <div class='footer'>
        <div class='footer_warp'>
            <div class='footer_left'>
                <p class='footer_left_top'>联系我们</p>
                <p class='footer_left_content'>公司地址：北京市长安街天安门1号 / 监督电话：18812345678</p>
                <p class='footer_left_bottom'>copyright2016-2019 版权归Ting域主持人所有 </p>
            </div>
            <div class='footer_right'>
                <div class='QR_left'>
                    <img src="img/QR_04.png" alt="">
                    <div class='QR_left_img'>
                        <img src="img/QR_03.png" alt="">
                    </div>
                    <p>官方服务号</p>
                </div>
                <div class='QR_left'>
                    <img src="img//QR_02.png" alt="">
                    <div class='QR_left_img'>
                        <img src="img//QR_01.png" alt="">
                    </div>
                    <p>官方服务号</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚布局结束 -->
    <!-- 固定定位导航布局开始 -->
    <div class="QR_right">
        <div class='QR_right_top'>
            <img src="img/QR_small.png" alt="">
            <div class='QR_box'>
                <div class='QR_box_content'>
                    <img src="img/QR_right.png" alt="">
                    <p class='QR_box_content_font'>关注官方二维码接受订单通知</p>
                </div>
                <div class='QR_box_triangle'>
                    <img src="img/sanjiao.png" alt="">
                </div>
            </div>
        </div>
        <a href="#">
            <div class='QR_right_bottom'>
                <img src="img/jiantou.png" alt="">
            </div>
        </a>


    </div>
    <!-- 固定定位导航布局结束 -->
</body>

<script>
    $(".nav_label li").click(function () {
        $(this).siblings('li').removeClass('active');
        $(this).addClass('active');
    })
</script>

</html>